/* CSS Document */
body{overflow-x:hidden;}
body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li,input,button{margin:0; padding:0; font-family:"微软雅黑";}
li{list-style:none;}
a{text-decoration:none; color:inherit;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
@keyframes myfirst{0% {transform:translate(-200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mysecond{0% {transform:translate(200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mythird{0% {transform:translate(0,-200px); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
.myfirst{animation:myfirst 2s;}
.mysecond{animation:mysecond 2s;}
.mythird{animation:mythird 2s;}

/* 头部 */
.top1bj{background:#e5e5e5;}
.top1{width:1200px; margin:0 auto; height:36px; line-height:36px; font-size:12px; color:#666;}
.top1 .fl{animation:myfirst 1s;}
.top1 .fr{animation:mysecond 1s;}
.top2bj{background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.top2{width:1200px; height:180px; margin:0 auto; position:relative;}
.top2 .logo{float:left; margin-top:62px; animation:myfirst 1s;}
.top2 .biaoyu{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; animation:mythird 1s;}
.top2 .ewm{float:right; margin:36px 0 0 40px; padding:10px; border:1px solid #cdcdcd; animation:mysecond 1s;}
.top2 dl{float:right; margin-top:50px; animation:mysecond 1s;}
.top2 dl dt{height:28px; line-height:28px; background:url(images/index_02.jpg) left center no-repeat; padding-left:36px; font-size:16px; color:#333; margin-bottom:6px;}
.top2 dl dd{font-size:22px; color:#006ebb; font-weight:bold;}
.top3{width:1200px; margin:5px auto 0; height:80px; line-height:80px; animation:mythird 1s;}
.top3 li{width:150px; float:left; text-align:center; font-size:16px; color:#333; background:url(images/index_03.jpg) right center no-repeat;}
.top3 ul li:nth-last-child(1){background:none;}
.top3 li a{display:block;}

/* 首页 */
.box1{width:1200px; margin:0 auto; height:52px; line-height:52px; font-size:14px; color:#666666;}
.box1 form{float:right; padding-top:10px;}
.box1 form input{width:286px; height:30px; border:1px solid #a7a7a7; text-indent:6px; float:left;}
.box1 form button{width:40px; height:32px; background:#e93921 url(images/index_04.jpg) center center no-repeat; border:none; float:left;}

.box2bj{background:#ffffff; padding:40px 0;}
.box2{width:1200px; margin:0 auto;}
.box2 .tit{text-align:center; height:60px; line-height:50px; background:url(images/pjh_03.png) center center no-repeat; font-size:26px; color:#2e2e2e;}
.box2 .tit span{color:#3fb5c3}
.box2 .bod{margin-top:30px; padding-top:60px; background:url(images/index_05.jpg) center top no-repeat;}
.box2 .bod ol{margin-bottom:60px;}
.box2 .bod ol li{width:282px; height:46px; line-height:46px; font-size:18px; text-align:center; float:left; margin-right:24px; background:#e2e0e1; color:#333; font-family:"宋体";}
.box2 .bod ol li:nth-child(4n){margin-right:0;}
.box2 .bod ul li{width:376px; height:376px; float:left; margin:0 34px 34px 0; overflow:hidden;}
.box2 .bod ul li:nth-child(3n){margin-right:0;}
.box2 .bod ul li img{width:100%; height:100%; transition:0.4s;}
.box2 .bod ul li img:hover{transform:scale(1.2);}
.box2 .bod .more{width:300px; height:54px; display:block; margin:0 auto; text-align:center; font-size:18px; line-height:54px; border:1px solid #b2b2b2; position:relative; z-index:1; color:#333;transition:0.4s;}
.box2 .bod .more:after{content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#22aaba; z-index:-1; transition:0.4s;}
.box2 .bod .more:hover:after{width:100%;}
.box2 .bod .more:hover{color:#FFF;}

.box3bj{padding:46px 0 36px; background:#f2f2f2;}
.box3{width:1200px; margin:0 auto;}
.box3 .fl{width:670px; height:470px;}
.box3 .fl img{width:100%; height:100%;}
.box3 .fr{width:530px; height:470px; background:#FFF url(images/index_07.jpg) 410px 60px no-repeat; box-sizing:border-box; padding:60px 30px 0 30px;}
.box3 .fr em{font-size:22px; color:#7a7a7a;}
.box3 .fr h4{font-size:24px; color:#303030; margin:5px 0 30px;}
.box3 .fr p{font-size:14px; color:#666; line-height:30px; text-indent:2em;}
.box3 .fr .more{display:block; width:100px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#333; background:#ffd000; margin:30px auto 0;}
.box3 ul{margin-top:46px;}
.box3 ul li{width:286px; float:left; margin-right:18px;}
.box3 ul li:nth-child(4n){margin-right:0;}
.box3 ul li img{width:100%; height:180px; display:block;}
.box3 ul li p{font-size:14px; color:#5a5a5a; text-align:center; height:40px; line-height:40px;}

.box4{width:1200px; margin:60px auto;}
.box4 ul{width:232px; color:#FFF; text-align:center; float:left;}
.box4 ul li{height:184px; background:#006ebb;}
.box4 ul li:nth-child(2){background:#a0a0a0;}
.box4 ul li a{display:table-cell; width:232px; height:184px; vertical-align:middle;}
.box4 ul li a p{vertical-align:middle; font-size:24px;}
.box4 ul li a p small{display:block; font-size:12px;}
.box4 .fl{width:470px; height:368px; margin-left:10px;}
.box4 .fl img{display:block; width:100%; height:100%;}
.box4 dl{float:right; width:476px;}
.box4 dt{height:186px; margin-bottom:8px;}
.box4 dt img{width:100%; height:186px;}
.box4 dd{width:234px; height:174px; float:left;}
.box4 dd img{width:100%; height:100%;}
.box4 dd:nth-child(2n+1){float:right;}

.box5bj{height:720px; background:url(images/index_16.jpg) center top no-repeat;}
.box5{width:1200px; margin:0 auto;}
.index_tit{font-size:36px; color:#2e2e2e; text-align:center; height:156px; line-height:156px; color:#2e2e2e;}
.box5 li{width:25%; height:490px; box-sizing:border-box; padding:200px 36px 0 36px; text-align:center; border-right:1px solid #d0d0d0; float:left; transition:0.4s;}
.box5 li h4{font-size:26px; transition:0.4s;}
.box5 li small{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#666; transition:0.4s;}
.box5 li p{font-size:14px; color:#666; line-height:26px; margin-top:30px; text-align:left; transition:0.4s;}
.box5 ul li:nth-child(1){background:rgba(255,255,255,0.9) url(images/pjh_04.png) center 100px no-repeat;}
.box5 ul li:nth-child(2){background:rgba(255,255,255,0.9) url(images/pjh_05.png) center 100px no-repeat;}
.box5 ul li:nth-child(3){background:rgba(255,255,255,0.9) url(images/pjh_06.png) center 100px no-repeat;}
.box5 ul li:nth-child(4){background:rgba(255,255,255,0.9) url(images/pjh_07.png) center 100px no-repeat; border-right:none;}
.box5 ul li:nth-child(1):hover{background:rgba(0, 110, 186, 0.9) url(images/pjh_04.png) center 100px no-repeat;}
.box5 ul li:nth-child(1):hover h4{color:#FFF;}
.box5 ul li:nth-child(1):hover small{color:#eee;}
.box5 ul li:nth-child(1):hover p{color:#FFF;}
.box5 ul li:nth-child(2):hover{background:rgba(0, 110, 186, 0.9) url(images/pjh_05.png) center 100px no-repeat;}
.box5 ul li:nth-child(2):hover h4{color:#FFF;}
.box5 ul li:nth-child(2):hover small{color:#eee;}
.box5 ul li:nth-child(2):hover p{color:#FFF;}
.box5 ul li:nth-child(3):hover{background:rgba(0, 110, 186, 0.9) url(images/pjh_06.png) center 100px no-repeat;}
.box5 ul li:nth-child(3):hover h4{color:#FFF;}
.box5 ul li:nth-child(3):hover small{color:#eee;}
.box5 ul li:nth-child(3):hover p{color:#FFF;}
.box5 ul li:nth-child(4):hover{background:rgba(0, 110, 186, 0.9) url(images/pjh_07.png) center 100px no-repeat;}
.box5 ul li:nth-child(4):hover h4{color:#FFF;}
.box5 ul li:nth-child(4):hover small{color:#eee;}
.box5 ul li:nth-child(4):hover p{color:#FFF;}

.box6{width:1200px; margin:0 auto 70px;}
.box6 ul{margin:0 0 24px; background:url(images/index_17.jpg) center bottom no-repeat; padding-bottom:40px; text-align:center; padding-left:60px;}
.box6 ul li{ float:left;width:174px; height:146px; box-sizing:border-box; background:#f7f7f7; margin:0 44px; position:relative;}
.box6 ul li p{padding:30px 0 20px;}
.box6 ul li:after{content:""; position:absolute; bottom:-20px; left:50%; margin-left:-5px; width:0; height:0; border:10px solid rgba(0,0,0,0); border-top-color:#f7f7f7;}
.box6 ol{text-align:center;}
.box6 ol li{display:inline-block; width:176px; height:54px; line-height:54px; font-size:16px; text-align:center; background:#f7f7f7; margin:0 45px;}

.box7bj{background:#f2f2f2; padding-bottom:50px;}
.box7{width:1200px; margin:0 auto;}
.box7 .bod dl{width:372px; float:left; margin-right:42px;}
.box7 .bod dl:nth-child(3n){margin-right:0;}
.box7 .bod dl dt{height:260px; overflow:hidden;}
.box7 .bod dl dt img{display:block; width:100%; height:100%; transition:0.4s;}
.box7 .bod dl dt img:hover{transform:scale(1.2);}
.box7 .bod dl dd h4{font-size:16px; color:#2e2e2e; margin:15px 0 14px;}
.box7 .bod dl dd p{font-size:14px; color:#666; line-height:26px;}


/* 底部 */
.bottombj{background:#006ebb; padding:40px 0;}
.bottom{width:1200px; margin:0 auto; color:#ddd;}
.bottom .logo{float:left; margin-left:80px;}
.bottom dl{float:left; margin-left:50px; width:300px;}
.bottom dl dt{font-size:18px; margin-bottom:24px;}
.bottom dl dd{font-size:15px; line-height:26px;}
.bottom dl.dl1{width:180px;}
.bottom dl.dl1 dd a{display:inline-block; width:48%; line-height:34px;}
.bottom .ewm{float:right; margin:20px 80px 0 0;}
/* 底部 */
.bottom dl2{float:left; margin-left:200px; width:300px;}
.bottom dl2 dt{font-size:18px; margin-bottom:24px;}
.bottom dl2 dd{font-size:15px; line-height:26px;}
.bottom dl.dl2{width:300px;}
.bottom dl.dl2 dd a{display:inline-block; line-height:34px;}